<template>
	<view class="normal_product" @click="gotoNavgator">
		<view class="normal_icon">
			<image class="icon" :src="img" mode="aspectFill"></image>
		</view>
		<view class="normal_desc">
			<view class="desc_title">
				<text >{{descTitle}}</text>
			</view>
			<view class="desc_contetn">
				<text>{{descContent}}</text>
			</view>
		</view>
		<view class="icon_layout">
			<uni-icons type="right" size="30"></uni-icons>
		</view>
	</view>
</template>

<script setup>
import { defineProps } from 'vue';
const props = defineProps({
       descTitle: String,
	   descContent:String,
	   img:String,
	   path:String
     });
	 
const gotoNavgator = ()=>{
	uni.navigateTo({
		url:props.path
	})
}

</script>

<style lang="scss" scoped>
.normal_product{
	width: 100vd;
	height: 200rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #FFF;
	padding: 20rpx;
	border-radius: 20rpx;
	margin-bottom: 40rpx;
	.normal_icon{
		width: 100rpx;
		height: 100rpx;
		margin-right: 40rpx;
		.icon{
			width: 100%;
			height: 100%;
		}
	}
	.normal_desc{
		display: flex;
		flex-direction: column;
		.desc_title{
			font-size: 44rpx;
			font-weight: 600;
			margin-bottom: 9rpx;
		}
		.desc_contetn{
			font-size: 34rpx;
			color: $text-font-color-3;
		}
	}
	.icon_layout{
		position: absolute;
		right: 20rpx;
	}
}
</style>